<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        const a = {a:1,b:4};
        const b = {b:2,c:3};
        let obj1 = Object.assign(a,b);
        console.log( obj1 );
        let obj2 = {...a,...b};
        console.log( obj2 );
    </script>
</head>
<body>
    <div>
        script标签放置的位置：
            1.文档的头部，即header标签内
            2.文档的尾部，及body闭合标签之前
    </div>
    <div>
        webpack插件
    </div>
    <div>
        1. this指向的问题
            箭头函数中的this只在箭头函数定义时就决定的，而且不可修改的（call、apply、bind）
            ****箭头函数的this指向定义时候、外层第一个普通函数的this
        2. 箭头函数不能new（不能当作构造函数）
        3. 箭头函数prototype
        4. 箭头函数arguments
    </div>
    <div>
        let 声明的变量只在 let 命令所在的代码块 {} 内有效，在 {} 之外不能访问。
        都不能和它所在作用域内的其他变量或函数拥有相同的名称
        const声明常量必须赋值，且不能对常量对象重新赋值,但可以单个改变，如下
        const arr = [1,2,3]
        arr[0] = 5  //合法
        arr = [4,5,6] //报错
        
    </div>
</body>
</html>
